<style>
  .userimg {height:36px;width:36px;vertical-align:middle}
  .username1 {font:12px Arial}
  .username2 {font:10px Arial; color:gray}
  .userlogout {font:12px Arial}
  
.userinfo li {
width:50px;
height:25px;
vertical-align:middle;
display:table-cell;
font:12px Arial
}
.username2 {color:gray}
li a {display: block; padding: 2px 1px 2px 1px}

</style>

<div class='userinfo'>
<ul>
<li>
<?
if($_SESSION["pic"]  != "") {
?>
<img class='userimg' src='<?=$_SESSION["pic"] ?>'></img>
<?
}
?>
</li>
    <li>
        <?=$_SESSION["name1"] ?>
        <a class='username2'><?=$_SESSION["name2"] ?></a>
		  <a class='userlogout' href='?out=1'>Logout</a>
    </li>
</ul>
</div>